// reset.less

// 重置边距和填充
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

// 确保表格仍然有一些默认样式
table {
  border-collapse: collapse;
  border-spacing: 0;
}

// 移除带有 class 属性的 ul 和 ol 元素的列表样式
ul[class], ol[class] {
  list-style: none;
}

// 移除引用块的默认样式
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

// 移除 strong 和 b 标签的粗体样式（如果需要）
strong, b {
  font-weight: bold;
}

// 移除 em 和 i 标签的斜体样式（如果需要）
em, i {
  font-style: italic;
}

// 设置图片的最大宽度为 100%，以防止图片溢出容器
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

// 移除表单元素的默认边框和内边距
button, input, select, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: 100%;
  vertical-align: middle;
  background: transparent;
}

// 移除按钮的默认样式
button {
  cursor: pointer;
  -webkit-appearance: button; // Safari/Chrome
  appearance: button;
}

// 移除文本区域的默认滚动条
textarea {
  resize: none;
}

// 确保 HTML5 元素在旧版浏览器中正确显示
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

// 移除 hr 的默认样式
hr {
  box-sizing: content-box;
  height: 0;
}

// 移除 fieldset 的默认边框
fieldset {
  border: 0;
}

// 移除 legend 的默认样式
legend {
  border: 0;
  padding: 0;
}

// 移除 button、input、select 和 textarea 的默认样式
button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
}

// 移除 a 标签的下划线（如果需要）
a {
  text-decoration: none;
  color: inherit;
}

// 移除 a 标签点击时的虚线框
a:focus {
  outline: none;
}

// 设置所有链接的点击状态
a:active, a:hover {
  outline: 0;
}

// 确保所有盒子模型使用 border-box 盒模型
*, *:before, *:after {
  box-sizing: border-box;
}